import React, { useState } from 'react'
import { View, Text, Input, Image, Textarea ,Video} from '@tarojs/components'
import PageWrapper from '@/components/PageWrapper'
import './index.scss';
import useNavBarInfo from "@/hook/useNavBarInfo";

const Page = () => {
  const navBarInfo = useNavBarInfo()
  return (
    <PageWrapper title="" showBack backgroundColor="#000000" color="#ffffff" backIcon={require('@/assets/home/back.png')}>
      <View className="video-detail-page" style={{
        height: `calc(100vh - ${navBarInfo.totalHeightRpx}rpx)`,
      }}>
        {/* 视频全屏播放 */}
        <Video
          className="video-player"
          src="https://example.com/video.mp4"
          autoplay
          loop
          showCenterPlayBtn={false}
          objectFit="cover"
        />
        {/* 底部悬浮按钮栏 */}
        <View className="action-bar">
          <View className="user-box">
            <Image className="photo" src={require('../../assets/photo.png')}></Image>
            <View className="name">waqweqweq</View>
            <View className="attention">关注</View>
          </View>
          <View className="action-box">
            <View className="action-item">
              <Image className="icon" src={require('../../assets/video/love.png')}></Image>
              <Text className="count">1.2万</Text>
            </View>
            <View className="action-item">
              <Image className="icon" src={require('../../assets/video/comment.png')}></Image>
              <Text className="count">1.2万</Text>
            </View>
            <View className="action-item">
              <Image className="icon" src={require('../../assets/video/collect.png')}></Image>
              <Text className="count">1.2万</Text>
            </View>
            <View className="action-item">
              <Image className="icon" src={require('../../assets/video/transmit.png')}></Image>
              <Text className="count">1.2万</Text>
            </View>
          </View>
        </View>
      </View>
    </PageWrapper>
  )
}

export default Page
